/** @type {import('tailwindcss').Config} */ 
module.exports = {
    content: ['./components/**/*.{vue,js,ts,jsx,tsx}','./pages/**/*.{vue,js,ts,jsx,tsx}'],
    theme: {
        extend: {
            // 在这里添加你的自定义主题颜色  
            colors: {
                custom:"#5d18dc",
                // primary: {  
                //     DEFAULT: '#6b21a8',  
                //     dark: '#ff6347', // 深色模式下的颜色  
                // },
                // background: {  
                //     DEFAULT: '#ffffff',  
                //     dark: '#121212', // 深色模式下的背景颜色  
                // },
            },
        },
        fontFamily: {
            sans: ['Graphik', 'sans-serif'],
            serif: ['Merriweather', 'serif'],
        },
        
        
    },
    plugins: [
      require('daisyui'),
    ],
    darkMode: 'class', // 'class' 是指通过类名来切换主题
    daisyui: {
       themes: [
        {
            /* 这个会成为默认主题 */
            mytheme: {
              "primary": "blue",
              "secondary": "#f6d860",
              "accent": "#37cdbe",
              "neutral": "#3d4451",
              "base-100": "#ffffff",
            },
            /* 对已有主题进行定制 */
            light: {
                ...require("daisyui/src/theming/themes")["light"],
                primary: "#6b21a8",
                // secondary: "teal",
            },
            dark: {
                ...require("daisyui/src/theming/themes")["dark"],
                // primary: "white",
            },
        },
        // 'light',
        // 'dark',
        'cupcake'],
    },
  }